<template>
  <div class="footer">
    <div class="web-title">宠物用品商城</div>
    <ul>
      <li>联系我们</li>
      <li>更多推荐</li>
      <li>相关产品</li>
      <li>了解更多</li>
    </ul>

    <div>
      <span>©2024 宠物用品商城 版权所有</span>
    </div>
  </div>
</template>

<style>
.footer {
  background-color: #ff1d21;
  color: #fff;
  text-align: center;
  padding: 10px;
  bottom: 0;
}

.footer .web-title {
  font-size: 20px;
  font-weight: 500;
}
.footer ul {
  color: #fff;
  display: flex;
  font-size: 14px;
  justify-content: center;
  list-style-type: none;
}
.footer ul li {
  margin: 14px;
}
.footer-icon {
  margin: 10px 30px;
  display: flex;
  justify-content: center;
}
.footer-icon div {
  margin: 0 20px;
}
.star img {
  width: 12px;
}
</style>
